<template>
  <div>
    <DetailTop></DetailTop>
    <DetailCenter :list="list"></DetailCenter>
    <DetailBottom></DetailBottom>
  </div>
</template>

<script>
import DetailTop from './components/DetailTop'
import DetailCenter from './components/DetailCenter'
import DetailBottom from './components/DetailBottom'
export default {
  name: 'Detail',
  components: {
    DetailTop,
    DetailCenter,
    DetailBottom
  },
  data () {
    return {
      list: [{
        title: '一级活动',
        children: [{
          title: '二级活动内部活动'
        }, {
          title: '二级活动内部活动'
        }, {
          title: '二级活动内部活动'
        }]
      }, {
        title: '一级优惠',
        children: [
          {
            title: '二级优惠内容'
          },
          {
            title: '这叫递归',
            children: [{
              title: '这是三级递归'
            }]
          }
        ]
      }, {
        title: '一级服务'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
</style>
